.tolwidth {
   height: 32px;
   background-color: rgb(245, 245, 245);
}
.head {
   margin: 0 auto;
   height: 32px;
   width: 1210px;
   color: #757575;
   a:hover {
       color: red;
   }
   .span1 {
       display: flex;
       position: relative;
       float: left;
       p {
           margin-top: 8px;
       }
       .imgp {
           width: 20px;
           height: 20px;
           background: url(../img/index/img/index.png) no-repeat -101px -8px;
           display: inline-block;
       }
       .p1 {
           margin-left: 20px;
       }
       .p1-tab {
           z-index: 99;
           background: white;
           display: none;
           position: relative;
           .close {
               position: absolute;
               right: 0;
               top: 0;
           }
           a:hover {
               background-color: green;
               color: white;
           }
           width: 311px;
           height: 355px;
           position: absolute;
           border: 1px solid green;
           left: 85px;
           top: 30px;
           box-sizing: border-box;
           padding-left: 20px;
           color: #757575;
           .p1 {
               margin-left: 0;
               color: #757575;
               span {
                   font-weight: 800;
                   color: black;
               }
           }
           .hot-city {
               width: 282px;
               height: 60px;
               .hot-city-title {
                   float: left;
               }
               .hot-city-name {
                   float: left;
                   width: 220px;
                   height: 60px;
                   margin-left: 10px;
                   span {
                       float: left;
                       width: 44px;
                       height: 18px;
                   }
               }
           }
           .site-input {
               width: 282px;
               height: 27px;
               span {
                   padding: 3px 24px;
                   width: 102px;
                   height: 27px;
                   border: 1px solid green;
               }
           }
           .abridge-city {
               a {
                   color: #757575;
               }
               width: 282px;
               height: 188px;
               background: #f5f5f5;
               margin-top: 20px;
               .abridge {
                   width: 29px;
                   height: 23px;
                   line-height: 23px;
                   float: left;
               }
               .city-name {
                   float: left;
                   width: 250px;
                   height: 48px;
                   span {
                       width: 50px;
                       height: 24px;
                       line-height: 24px;
                       float: left;
                   }
               }
           }
       }
       .welcome {
           margin-left: 20px;
           width: 110px;
           height: 31px;
       }
       .login {
           margin-left: 10px;
       }
       .register {
           margin-left: 10px;
       }
   }
   .span2 {
       position: relative;
       float: right;
       display: flex;
       line-height: 32px;
       .text {
           margin: 0 10px;
           position: relative;
           .mycount_cont {
               display: none;
               position: absolute;
               background-color: white;
               border: 1px solid green;
               width: 196px;
               height: 198px;
               left: 0;
               top: 25px;
               box-sizing: border-box;
               padding-left: 10px;
               .a1 {
                   color: green;
               }
               li {
                   float: left;
                   width: 92px;
                   height: 32px;
                   padding: 0 10px;
                   box-sizing: border-box;
                   a {
                       color: #757575;
                       width: 74px;
                       height: 25px;
                   }
               }
           }
       }
       
       .text:hover .mycount_cont{          
               display: block;          
       }
       .img1 {
           width: 43px;
           height: 15px;
           background: url(../img/index/img/index.png) no-repeat;
           margin: 8px 0 0 12px;
       }
       .img2 {
           width: 43px;
           height: 15px;
           background: url(../img/index/img/index.png) no-repeat 0 -20px;
           margin: 10px 0 0 12px;
       }
   }
}
.main {
   width: 1280px;
   margin: 0 auto;
   height: 396px;
   font-size: 16px;
   padding: 55px 0 176px;
}
.loginleft {
   border-left: 0;
   width: 500px;
   height: 396px;
   float: left;
   border-right: 1px solid #666;
   text-align: center;
}
.loginright {
   border-left: 0;
   width: 500px;
   height: 396px;
   float: left;
}
.loginyour {
   width: 487px;
   height: 22px;
   box-sizing: border-box;
   margin: 0 0 11px;
   text-align: center;
   margin-bottom: 11px;
   position: relative;
}
.loginyour a {
   color: #666;
   border-bottom: 1px solid black;
}
.loginyour img {
   width: 12px;
   height: 17.5px;
   padding-top: 4px;
   position: absolute;
   left: 307px;
   top: 0px;
}
#keylogin {
   width: 497px;
   height: 22px;
   text-align: center;
   font-size: 1.5em;
   margin-bottom: 11px;
   color: #333333;
}
.login-public {
   width: 154px;
   height: 197px;
   padding-top: 17.6px;
   display: inline-block;
}
.login-public img {
   width: 154px;
   height: 154px;
   margin-bottom: 8.8px;
}
.login-public p {
   font-size: 0.54em;
   text-align: center;
   color: #585858;
   margin: 0;
}
.c-red {
   color: #f0012f !important;
}
.loginright div > p {
   font-size: 1.375em;
   margin-bottom: 1.2em;
   color: #333333;
}
.loginright > div {
   width: 20em;
   margin: auto;
   text-align: start;
   line-height: 1;
   box-sizing: border-box;
   display: block;
}
.loginright > div > div {
   margin-bottom: 1.1em;
}
.validata-box {
   position: relative;
}
.validata-box input {
   width: 100%;
   height: 2.36em;
   padding-left: 0.5em;
   border: 1px solid #c7c6c6;
   box-sizing: border-box;
   padding: 1px 2px;
   outline: none;
}
.xstyleInput-panel input {
   width: 100%;
   height: 2.36em;
   padding-left: 0.5em;
   border: 1px solid #c7c6c6;
   box-sizing: border-box;
   padding: 1px 2px;
   outline: none;
   margin-top: 30px;
}
.login-forget > a {
   font-size: 0.73em;
   color: #999;
   border-bottom: 1px solid #999;
   text-decoration: none;
   outline: none;
   cursor: pointer;
}
.btn-login {
   font-size: 1.375em;
   height: 2.27em;
   background: #c70019;
   text-align: center;
   color: #fff;
   line-height: 2.27em !important;
   margin-top: 1.3em;
   cursor: pointer;
   box-sizing: border-box;
}
.login-underline {
   margin-top: 0.5em;
}
.login-underline a {
   font-size: 0.73em;
   color: #000;
   border-bottom: 1px solid #000;
}
.footer {
   width: 100%;
   height: 253px;
   margin-top: 45px;
   padding-top: 45px;
   border-top: 2px solid #e7e7e7;
   background: #f7f7f7;
   border-bottom: 2px solid green;
   .helperwidth {
       width: 1210px;
       margin: 0 auto;
       height: 253px;
       display: flex;
       justify-content: space-between;
       .mode_wrap {
           width: 856px;
           height: 161px;
           display: flex;
           justify-content: space-between;
           .mode {
               width: 144px;
               height: 161px;
               h3 {
                   a {
                       color: #606060;
                       font-size: 16px;
                   }
                   a:hover {
                       color: #c60001;
                   }
               }

               ul {
                   li {
                       height: 24px;
                       line-height: 24px;
                       a {
                           color: #989898;
                       }
                       a:hover {
                           color: rgb(140, 185, 30);
                       }
                   }
               }
           }
       }
       .ervma {
           width: 284px;
           height: 122px;
           margin-top: 25px;
           div {
               margin-left: 20px;
               float: left;

               span {
                   font-size: 16px;
                   color: #c60001;
                   top: 0;
                   left: 0;
               }
           }
       }
   }
}
.about_wrap {
   width: 100%;
   .about {
       width: 1210px;
       margin: 0 auto;
       height: 138px;
       margin-top: 30px;
       .links {
           width: 1210px;
           height: 22px;
           ul {
               display: flex;
               justify-content: space-between;
               li {
                   a {
                       font: 12px/150% Arial, Tahoma, "宋体";
                       font-size: 14px;
                   }
                   a:hover {
                       border-bottom: 1px solid black;
                   }
               }
           }
       }
   }
   .footer-2016 {
       width: 790px;
       height: 88px;
       margin: 28px auto 0;
       .copyright {
           width: 501px;
           height: 88px;
           margin-left: 20px;
           div {
               height: 22px;
               line-height: 22px;
               color: #989898;
               overflow: hidden;
               .beian i {
                   float: left;
                   position: relative;
                   width: 20px;
                   height: 20px;
                   background: url(../img/images/bottomicon.png) -114px -0px no-repeat;
               }
           }
       }
   }
}